<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员系统H5页面导航</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 20px;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
        }
        h1 {
            color: white;
            text-align: center;
            margin-bottom: 30px;
            font-size: 28px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }
        .card {
            background: white;
            border-radius: 12px;
            padding: 25px;
            margin-bottom: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        .card h2 {
            color: #667eea;
            font-size: 20px;
            margin-bottom: 15px;
            border-bottom: 2px solid #667eea;
            padding-bottom: 10px;
        }
        .link-item {
            margin: 12px 0;
            padding: 12px;
            background: #f8f9fa;
            border-radius: 8px;
            transition: all 0.3s;
        }
        .link-item:hover {
            background: #e9ecef;
            transform: translateX(5px);
        }
        .link-item a {
            color: #495057;
            text-decoration: none;
            display: block;
            font-size: 15px;
        }
        .link-item a:hover {
            color: #667eea;
        }
        .url {
            color: #6c757d;
            font-size: 13px;
            font-family: 'Courier New', monospace;
            margin-top: 5px;
            word-break: break-all;
        }
        .badge {
            display: inline-block;
            padding: 3px 8px;
            background: #667eea;
            color: white;
            border-radius: 4px;
            font-size: 12px;
            margin-right: 8px;
        }
        .note {
            background: #fff3cd;
            border-left: 4px solid #ffc107;
            padding: 12px;
            margin-top: 15px;
            border-radius: 4px;
            font-size: 14px;
            color: #856404;
        }
        .admin-link {
            text-align: center;
            margin-top: 20px;
        }
        .admin-link a {
            display: inline-block;
            padding: 12px 30px;
            background: white;
            color: #667eea;
            text-decoration: none;
            border-radius: 25px;
            font-weight: bold;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            transition: all 0.3s;
        }
        .admin-link a:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>📱 会员系统H5页面导航</h1>

        <div class="card">
            <h2>🎯 会员系统H5页面（主要功能）</h2>

            <div class="link-item">
                <a href="/checkin/h5/login" target="_blank">
                    <span class="badge">登录</span>会员登录页面
                </a>
                <div class="url">/checkin/h5/login</div>
            </div>

            <div class="link-item">
                <a href="/checkin/h5/center" target="_blank">
                    <span class="badge">中心</span>会员中心（需登录）
                </a>
                <div class="url">/checkin/h5/center</div>
            </div>

            <div class="link-item">
                <a href="/checkin/h5/records" target="_blank">
                    <span class="badge">记录</span>我的签到记录（需登录）
                </a>
                <div class="url">/checkin/h5/records</div>
            </div>

            <div class="link-item">
                <a href="/checkin/h5/gifts" target="_blank">
                    <span class="badge">礼品</span>积分礼品列表（需登录）
                </a>
                <div class="url">/checkin/h5/gifts</div>
            </div>

            <div class="link-item">
                <a href="/checkin/h5/password" target="_blank">
                    <span class="badge">密码</span>修改密码（需登录）
                </a>
                <div class="url">/checkin/h5/password</div>
            </div>

            <div class="link-item">
                <a href="/checkin/h5/reset" target="_blank">
                    <span class="badge">重置</span>找回/设置密码（未登录）
                </a>
                <div class="url">/checkin/h5/reset</div>
            </div>

            <div class="note">
                💡 <strong>提示：</strong>会员中心、签到记录、礼品列表、修改密码需要先登录才能访问
            </div>
        </div>

        <div class="card">
            <h2>📋 会员系统功能说明</h2>
            <div style="line-height: 2; color: #495057;">
                <strong>🔐 会员登录：</strong><br>
                • 使用手机号 + 密码登录<br>
                • 首次使用需要先设置密码<br><br>

                <strong>👤 会员中心：</strong><br>
                • 查看可用积分、累计积分、已用积分<br>
                • 显示会员姓名和手机号<br>
                • 快速导航到其他功能<br><br>

                <strong>📝 签到记录：</strong><br>
                • 查看最近50条签到记录<br>
                • 显示门店、开始/结束时间、时长、积分<br>
                • 记录状态（正常/作废/进行中）<br><br>

                <strong>🎁 积分礼品：</strong><br>
                • 浏览可兑换的礼品<br>
                • 查看所需积分和库存<br><br>

                <strong>🔑 密码管理：</strong><br>
                • 修改密码（需要原密码）<br>
                • 找回密码（通过手机号+卡号验证）
            </div>
        </div>

        <div class="card">
            <h2>🚀 微信H5页面（附加功能）</h2>

            <div class="link-item">
                <a href="/wechat/api.view/text?content=欢迎使用H5页面！" target="_blank">
                    <span class="badge">文本</span>文本消息展示
                </a>
                <div class="url">/wechat/api.view/text?content=...</div>
            </div>

            <div class="link-item">
                <a href="/wechat/api.view/news?id=1" target="_blank">
                    <span class="badge">图文</span>图文消息展示（需要ID）
                </a>
                <div class="url">/wechat/api.view/news?id=1</div>
            </div>

            <div class="note">
                ℹ️ 微信H5页面主要用于微信公众号内容展示
            </div>
        </div>

        <div class="card">
            <h2>🔗 快速访问链接</h2>
            <p style="line-height: 1.8; color: #495057;">
                <strong>会员系统H5基础路径：</strong><br>
                <code style="background: #f8f9fa; padding: 4px 8px; border-radius: 4px; color: #e83e8c;">
                    http://localhost:8000/checkin/h5/页面名称
                </code>
            </p>
            <p style="margin-top: 15px; line-height: 1.8; color: #495057;">
                <strong>可用的页面：</strong><br>
                • login - 会员登录<br>
                • center - 会员中心<br>
                • records - 签到记录<br>
                • gifts - 积分礼品<br>
                • password - 修改密码<br>
                • reset - 找回密码<br>
                • logout - 退出登录
            </p>
        </div>

        <div class="admin-link">
            <a href="/admin/" target="_blank">🔐 进入后台管理</a>
        </div>

        <div class="admin-link">
            <a href="/admin/checkin/member/index" target="_blank">👥 会员管理</a>
        </div>

        <div class="admin-link">
            <a href="/checkin/h5/login" target="_blank">📱 会员登录（H5）</a>
        </div>
    </div>
</body>
</html>

